<!-- 审核中 -->
<template>
  <div class="audit">
    <el-icon class="iconfont icon-shenhezhong" />
    担保机构审核中，请耐心等待...
  </div>
</template>

<script setup>
// 切换指定组件
const toComponent = inject('toComponent')

// 模仿(过3秒后自动跳转到下一步骤)
const timeoutId = ref(null)
function start() {
  timeoutId.value = setTimeout(() => {
    toComponent()
  }, 3000);
}
start()

// 停止
function stop(){
  timeoutId.value = clearTimeout(timeoutId.value)
}
onScopeDispose(stop);
</script>

<style lang="scss" scoped>
.audit{
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 36px;
  color: #E06B00;
  padding: 30px 0 30px;
  :deep(.el-icon){
    font-weight: normal;
    font-size: 150px;
    margin-right: 20px;
  }
}
</style>
